<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="images/x-icon" href="../static/images/favicon.ico">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/github-dark-dimmed.min.css">
    <link rel="stylesheet" href="../static/css/style.css">
    {{ css|safe }}
    <style>
        .markdown {
            font-size: 18px;
        }
    </style>
    <title>chat.openai-聊天</title>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="box col-xs-12">
            <div class="title">
                <h2 class="text-center"><span style="margin-right: 10px;"><i class="fa fa-optin-monster fa-lg"
                                                                             aria-hidden="true"></i></span>chat.openai-聊天
                </h2>
            </div>
            <div class="answer">
                <div id="chatWindow"></div>
                <div class="function">
                    <div class="others">
                        <div class="left">

                        </div>
                        <div class="center">
                            <div class="stop common">
                                <a class="icon-style stop-icon" title="停止响应" style="text-decoration: none;"><i
                                        class="fa fa-stop-circle-o fa-lg" aria-hidden="true"></i> 停止</a>
                            </div>
                        </div>
                        <div class="right">
                            <div class="screenshot common">
                                <a class="icon-style" title="截图保存对话"><i class="fa fa-file-image-o fa-lg"
                                                                              aria-hidden="true"></i></a>
                            </div>
                            <div class="delete common">
                                <a class="icon-style" title="删除历史记录"><i class="fa fa-trash-o fa-lg"
                                                                              aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="ipt">
                        <div class="col-xs-12">
                            <textarea id="chatInput" class="form-control" rows="1"></textarea>
                        </div>
                        <button id="chatBtn" class="btn btn-primary" type="button">Go !</button>
                    </div>
                </div>
            </div>
            <footer class="foot" style="margin-top: 0px;">

        </footer>
      </div>
    </div>
  </div>
</body>
<script src="../static/js/jquery-2.1.1.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/highlight.min.js"></script>
<script src="../static/js/marked.min.js"></script>
<script src="../static/js/html2canvas.min.js"></script>
<script src="../static/js/custom.js"></script>
</html>